<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Asignar Permisos</title>
</h:head>
<h:body>
    <p:toolbar>	
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}" icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<div align="center">
		<h:panelGrid columns="2" styleClass="fondo" style="text-align:center;">
			<h:panelGroup style="display:block; text-align:left">
				<p:graphicImage value="/img/ui/images.jpg"
					style="height: 100px; width: 210px" />
			</h:panelGroup>

			<h:panelGroup style="display:block; text-align:right">
				<p:graphicImage value="/img/ui/izq.png"
					style="height: 100px; width: 608px" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form id="formp">
		<p:panel>
			<h:panelGrid id="gridprincipal" columns="3" cellpadding="2"
				cellspacing="15">
				<p:outputLabel value="Codigo de Profesor: " />
				<p:inputText id="displayp" required="true"
					value="#{permisosBean.codProfesor}" label="Profesor" />
				<p:commandButton value="buscar" icon="ui-icon-extlink"
					oncomplete="bpdialog.show()" />
				<p:outputLabel id="displayp2"
					value="#{PermisosBean.profesorSelec.persona.apellidos}" />
				<p:outputLabel id="displayp3"
					value="#{PermisosBean.profesorSelec.persona.nombres}" />
				<br></br>
				<h:outputLabel value="Curso: " />
				<p:inputText id="displayc" required="true"
					value="#{permisosBean.codCurso}" label="Curso" />
				<p:commandButton value="buscar" icon="ui-icon-extlink"
					oncomplete="bcdialog.show()" />
				<p:outputLabel id="displayc2"
					value="#{PermisosBean.cursoPeriodoSelec.curso.nombre}" />
				<p:outputLabel id="displayc3"
					value="#{PermisosBean.cursoPeriodoSelec.curso.creditos}" />
				<br></br>
				<p:outputLabel value="seleccione los permisos a dar : " />
				<p:outputLabel value="Puede ver el banco de preguntas del curso" />
			</h:panelGrid>
			<br></br>
			<p:commandButton id="save" value="Guardar" update=":formp:growl"
				actionListener="#{permisosBean.guardarPermisos}" />
			<p:growl id="growl" showDetail="true" life="3000" />
		</p:panel>

		<p:dialog header="Busqueda profesores" widgetVar="bpdialog"
			resizable="false" id="profeDialog" showEffect="fade"
			hideEffect="fold" modal="true">
			<p:dataTable id="profesoresTabla" var="prof"
				value="#{permisosBean.profesores}" widgetVar="tablaprofes"
				filteredValue="#{permisosBean.profesoresFiltrados}" paginator="true"
				rows="10" scrollable="true" scrollHeight="400"
				rowKey="#{prof.docenteId}" selectionMode="single"
				selection="#{permisosBean.profesorSelec}">

				<p:ajax event="rowSelect" listener="#{permisosBean.onRowSelect}"
					update=":formp:displayp :formp:displayp2 :formp:displayp3 :formp:growl"
					oncomplete="bpdialog.hide()" />
				<p:ajax event="rowUnselect" listener="#{permisosBean.onRowUnselect}"
					update=":formp:growl" />

				<f:facet name="header">
					<p:outputPanel>
						<h:outputText value="Profesor: " />
						<p:inputText id="globalFilter" onkeyup="tablaprofes.filter()"
							style="width:150px" />
					</p:outputPanel>
				</f:facet>
				<p:column id="pdcodigo" headerText="Codigo"
					filterBy="#{prof.docenteId}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{prof.docenteId}" />
				</p:column>
				<p:column id="pdnombres" headerText="Nombres"
					filterBy="#{prof.persona.nombres}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{prof.persona.nombres}" />
				</p:column>
				<p:column id="pdapellidos" headerText="Apellidos"
					filterBy="#{prof.persona.apellidos}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{prof.persona.apellidos}" />
				</p:column>
			</p:dataTable>
		</p:dialog>

		<p:dialog header="Busqueda CursosPeriodo" widgetVar="bcdialog"
			resizable="false" id="cursosPeriodoDialog" showEffect="fade"
			hideEffect="fold" modal="true">
			<p:dataTable id="cursosPeriodoTabla" var="cur"
				value="#{permisosBean.cursosPeriodo}" widgetVar="tablacursos"
				filteredValue="#{permisosBean.cursosPeriodoFiltrados}"
				paginator="true" rows="10" scrollable="true" scrollHeight="400"
				rowKey="#{cur.curso.cursoId}" selectionMode="single"
				selection="#{permisosBean.cursoPeriodoSelec}">

				<p:ajax event="rowSelect" listener="#{permisosBean.onRowSelect2}"
					update=":formp:displayc :formp:displayc2  :formp:displayc3 :formp:growl"
					oncomplete="bcdialog.hide()" />
				<p:ajax event="rowUnselect"
					listener="#{permisosBean.onRowUnselect2}" update=":formp:growl" />

				<f:facet name="header">
					<p:outputPanel>
						<h:outputText value="Curso: " />
						<p:inputText id="globalFilter" onkeyup="tablacursos.filter()"
							style="width:150px" />
					</p:outputPanel>
				</f:facet>
				<p:column id="cpdcodigo" headerText="Codigo"
					filterBy="#{cur.curso.cursoId}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{cur.curso.cursoId}" />
				</p:column>
				<p:column id="cpdnombre" headerText="Nombre"
					filterBy="#{cur.curso.nombre}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{cur.curso.nombre}" />
				</p:column>
				<p:column id="cpcreditos" headerText="Creditos"
					filterBy="#{cur.curso.creditos}" filterStyle="display:none"
					filterMatchMode="contains">
					<h:outputText value="#{cur.curso.creditos}" />
				</p:column>
			</p:dataTable>
		</p:dialog>
	</h:form>

</h:body>
</html>